@charset "UTF-8";
// 侧导航
.sidebar {
  width: 342px;
  padding: 0 20px;
  &.affix {
	top: 20px;
  }
  .sidebar-nav {
	list-style: none;
	padding: 0;
	li {
	  height: 39px;
	  line-height: 39px;
	  border-bottom: 1px solid #fff;
	  a {
		display: inline-block;
		width: 100%;
		height: 39px;
	  }
	  .active {
		color: $hr-base;
	  }
	}
  }
}

// 在线客服
.kf-wrap {
  width: 138px;
  height: 138px;
  position: fixed;
  left: 4%;
  top: 40%;
  .icon_menu {
	width: 138px;
	height: 138px;
	background: url("../images/kf.png") no-repeat 0 0;
	position: absolute;
	bottom: 2px;
	right: 2px;
	z-index: 10;
	cursor: pointer;
  }

  .icon_menu span {
	diplay: none;
  }

  .btn {
	z-index: 1;
	position: absolute;
	cursor: pointer;
	span {
	  display: none;
	  width: 138px;
	  height: 25px;
	  font-size: 0;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  overflow: hidden;
	  background: url(../images/kf.png) no-repeat;
	}
  }
  .btn1 span {
	background-position: -3px -146px;
  }
  .btn2 span {
	background-position: -3px -179px;
  }
  .btn3 span {
	background-position: -3px -210px;
  }
  .btn4 span {
	background-position: -3px -241px;
  }
  .btn5 span {
	background-position: -3px -272px;
  }
  .btn6 span {
	background-position: -3px -302px;
  }
  .btn1.open {
	top: 148px;
	left: 3px;
  }
  .btn2.open {
	top: 183px;
	left: 3px;
  }
  .btn3.open {
	top: 218px;
	left: 3px;
  }
  .btn4.open {
	top: 253px;
	left: 3px;
  }
  .btn5.open {
	top: 288px;
	left: 3px;
  }
  .btn6.open {
	top: 323px;
	left: 3px;
  }
  .btn.close {
	display: none;
  }
  .btn.open, .open span {
	display: block;
  }
}